<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>qqmusic</title>
	<link rel="stylesheet" type="text/css" href="/static/seacher/css/base.css">
  <link rel="stylesheet" type="text/css" href="/static/seacher/css/index.css">
  <link rel="stylesheet" href="/static/seacher/css/qq.css">
  <link rel="stylesheet" href="/static/seacher/font/iconfont.css">
  <script type="text/javascript" src="/static/seacher/js/js.js"></script>
    <script id="requirenode" async="" src="/static/songlist/js/mod.js"></script>
    <link rel="icon" href="/static/images/favicon.ico">

    <link rel="stylesheet" href="/static/songlist/css/layout_0412.css">
    <link rel="stylesheet" href="/static/songlist/css/search.css">
<link rel="stylesheet" href="/static/songlist/css/popup_login.css"><link rel="stylesheet" type="text/css" href="/static/songlist/css/qb-ie-remind.css"><!--[if lt IE 8]><script src='//stdl.qq.com/stdl/qb/js/json2.js'></script><![endif]--><script charset="utf-8" async="" src="/static/songlist/js/qblog.js"></script></head>


    <style>
         .b{
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:1;
            }
    </style>
</head>
<body>
<!-- 固定 -->
<form method="get">
	<div class="guding" id="gd">
	    <div class="mod_search_input2">
	        <input class="search_input__input2" type="text" name="text" placeholder="搜索音乐" id="ipt">
	        <button class="search_input__btn2" type="submit">
	            <i class="icon_search2 sprite" id="icon"></i>
	        </button>
	    </div>
	</div>
</form>
	<!-- 固定 -->
<iframe src="{{ url('index:index') }}" width="100%" height="142px" frameborder="no" border="0" marginwidth="0"
        marginheight="0" scrolling="no" allowtransparency="yes" style="display: block;"></iframe>

<form method="get" action="/search" target='_parent'>
	<div class="banner">
		<div class="mod_search_input">
			<input class="search_input__input" type="text" name="text" placeholder="搜索关键字" id="ipt2">
			<button class="search_input__btn" type="submit" >
				<i class="icon_search sprite"></i>
			</button>
		</div>
		<div class="xl" id="xl" style="margin-top: 50px;">
			<div class="xl_l">
				<span><i class="zj"></i>专辑</span>
				<p><i class="mv"></i>MV</p>
			</div>
			<div class="xl_r">
				<div class="xl_r_t"><p><span class="one">梦想的声音第二季</span><span class="two"> 第4期</span><span class="tree"> 梦想的声音</span></p></div>
				<div class="xl_r_c"><p><span class="one">梦想的声音第二季</span><span class="two"> 第4期</span><span class="tree"> 梦想的声音</span></p></div>
				<div class="xl_r_b"><p><span class="one">梦想的声音第二季</span><span class="two"> 林俊杰Live合辑-</span><span class="tree"> 梦想的声音</span></p></div>
			</div>
		</div>
		<div class="mod_search_tips">
			<a href="#" class="search_tips__item">病变</a>
			<a href="#" class="search_tips__item">说散就散</a>
			<a href="#" class="search_tips__item">空空如也</a>
			<a href="#" class="search_tips__item">周杰伦</a>
			<a href="#" class="search_tips__item">毛不易</a>
		</div>
	</div>
</form>

        <div class="music_show_one">
        	<div class="music_one_left">
        		<img src="{{ pic }}" style="border-radius:100%; overflow:hidden;width: 100px; height: 100px;">
        	</div>
        	<div class="music_one_right">
        		 <a href="/singers_detail/?id={{ singer }}" class="m_o_o">{{ author }}</a>
                <a href="#" class="m_o_t">单曲：{{ music_num }}</a>
                <a href="#" class="m_o_t">专辑：{{ album_num }}</a>
                <a href="#" class="m_o_t">MV：{{ mv }}</a>
        		<p class="m_o_p"><i class="m_o_i"></i>播放歌手热门歌曲</p>
        	</div>
        </div>

	<div class="main">

		<div class="main_nav">
			<ul>
				<li><a href="#">单曲</a></li>
				<li><a href="#">专辑</a></li>
				<li><a href="#">MV</a></li>
				<li><a href="#">歌单</a></li>
				<li><a href="#">用户</a></li>
				<li><a href="#">歌词</a></li>
			</ul>
		</div>
		<div class="main_play">
			<a href="#"><i class="qbbf"></i>全部播放</a>

			<a href="javascript:;"><i class="tjd"></i>添加到</a>


			<a href="#"><i class="xz"></i>下载</a>
			<a href="#"><i class="plcz"></i>批量操作</a>
		</div>
	</div>

 <div class="main">
        <div class="main__inner">
            <!--搜索结果 S-->
            <div class="result">

                <div class="js_search_tab_cont search_tab_cont" id="song_box">

            <div class="mod_songlist">
            		<ul class="u1">
			<li class="music_name">歌曲</li>
			<li class="music_author">歌手</li>
			<li class="music_album">专辑</li>
			<li class="music_time">时长</li>
		</ul>

            <ul class="u2 songlist__list" id="music_l">

                {% for x in lists %}
            <li class="js_songlist__child">

                <div class="songlist__item" onmouseover="this.className=(this.className+&#39; songlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ songlist__item--hover/, &#39;&#39;)">
                    <div class="songlist__edit songlist__edit--check sprite">
                    <input type="checkbox" class="songlist__checkbox">
                    </div>
                    <div class="songlist__songname">

                    <i class="songlist__icon songlist__icon_exclusive sprite" title="独家"></i>


                 {% if x.mv_id %}
                    <a href="/mv_detail/?mv_id={{ x.mv_id }}" class="songlist__icon songlist__icon_mv sprite" rel="noopener" target="_blank" title="MV"><span class="icon_txt">MV</span></a>
                {% else %}
                    <a href="#" class="songlist__icon songlist__icon_mv" rel="noopener"></a>
                {% endif %}

{#                    <span class="songlist__songname_txt"><a href="https://y.qq.com/n/yqq/song/000jICmM0Z3kGy.html" class="js_song" title="认真的雪 《妈妈像花儿一样》电视剧插曲"><span class="c_tx_highlight">认真的雪</span><span class="songlist__song_txt">《妈妈像花儿一样》电视剧插曲</span></a></span>#}
                    <span class="songlist__songname_txt"><a href="/song_details/?id={{ x.song_id }}" class="js_song" title="{{ x.song_name }}"><span class="c_tx_highlight">{{ x.song_name }}</span></a></span>


                    <div class="mod_list_menu">
                        <a href="/player/?id={{ x.song_id }}" target="_blank" class="list_menu__item list_menu__play js_play" title="播放">
                        <i class="list_menu__icon_play"></i>
                        <span class="icon_txt">播放</span>
                        </a>


                        <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单" aria-haspopup="true">
                        <i class="list_menu__icon_add"></i>
                        <span class="icon_txt">添加到歌单</span>
                        </a>

                        <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="VIP下载" aria-haspopup="true" data-target="menu_down">
                        <i class="list_menu__icon_down_vip"></i>
                        <span class="icon_txt">VIP下载</span>
                        </a>

                        <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享" aria-haspopup="true">
                        <i class="list_menu__icon_share"></i>
                        <span class="icon_txt">分享</span>
                        </a>
                    </div>
                    </div>


                    <div class="songlist__artist" title="{{ x['author_name'] }}">


                    <a href="/singers_detail/?id={{ x.singer_id }}" data-singermid="002J4UUk29y8BY" data-singerid="5062" title="{{ x['author_name'] }}" class="singer_name">{{ x['author_name'] }}</a>

                    </div>
                    <div class="songlist__album">
                    <a data-albummid="0036fT613sAeZn" data-albumid="55085" href="/albums_detail/?id={{ x.album_id }}" title="{{ x['album_name'] }}" class="album_name">{{ x['album_name'] }}</a>
                    </div>
                    <div class="songlist__time">04:21</div>

                </div>

                <ul class="songlist__list" style="display:none;">
                            <li class="" mid="104873434" ix="10">
                    <div class="js_child songlist__item" onmouseover="this.className=(this.className+&#39; songlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ songlist__item--hover/, &#39;&#39;)">
                        <div class="songlist__edit sprite">
                        <input type="checkbox" class="songlist__checkbox">
                        </div>

                        <div class="songlist__songname">

                        <i class="songlist__icon songlist__icon_exclusive sprite" title="独家"></i>


                        <a href="/mv_detail/?mv_id={{ x.mv_id }}" class="songlist__icon songlist__icon_mv sprite" rel="noopener" target="_blank" title="MV"><span class="icon_txt">MV</span></a>


                        <span class="songlist__songname_txt"><a href="https://y.qq.com/n/yqq/song/0026nrH63HAwSe.html" class="js_song" title="认真的雪 《妈妈像花儿一样》电视剧插曲"><span class="c_tx_highlight">认真的雪</span><span class="songlist__song_txt">《妈妈像花儿一样》电视剧插曲</span></a></span>
                        <div class="mod_list_menu">
                            <a href="javascript:;" class="list_menu__item list_menu__play js_play" title="播放">
                            <i class="list_menu__icon_play"></i>
                            <span class="icon_txt">播放</span>
                            </a>
                            <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单" aria-haspopup="true">
                            <i class="list_menu__icon_add"></i>
                            <span class="icon_txt">添加到歌单</span>
                            </a>

                            <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="VIP下载" aria-haspopup="true" data-target="menu_down">
                            <i class="list_menu__icon_down_vip"></i>
                            <span class="icon_txt">VIP下载</span>
                            </a>

                            <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享" aria-haspopup="true">
                            <i class="list_menu__icon_share"></i>
                            <span class="icon_txt">分享</span>
                            </a>
                        </div>
                        </div>


                        <div class="songlist__artist" title="{{ x['author_name'] }}">


                        <a href="https://y.qq.com/n/yqq/singer/002J4UUk29y8BY.html" data-singermid="002J4UUk29y8BY" data-singerid="5062" title="{{ x['author_name'] }}" class="singer_name">{{ x['author_name'] }}</a>

                        </div>
                        <div class="songlist__album">
                    <a data-albummid="004A96v939xHVO" data-albumid="64303" href="https://y.qq.com/n/yqq/album/004A96v939xHVO.html" title="高级汽车专用音乐.冠军歌曲精选.2006-2007(一)" class="album_name">高级汽车专用音乐.冠军歌曲精选.2006-2007(一)</a>
                        </div>
                        <div class="songlist__time">04:21</div>
                        <div class="songlist__other">

                        </div>
                    </div>
                    </li>


                </ul>

                </li>

            {% endfor %}

            </ul>
                </div>
                </div>

        </div>
    </div>
    </div>
{#	<div class="music_list">#}
{#		<ul class="u1">#}
{#			<li class="music_name">歌曲</li>#}
{#			<li class="music_author">歌手</li>#}
{#			<li class="music_album">专辑</li>#}
{#			<li class="music_time">时长</li>#}
{#		</ul>#}
{#		<ul class="u2" id="music_l">#}
{#            {% for x in lists %}#}
{#			<li>#}
{#            {% if x.mv_id %}#}
{#				<a href="/song_details/?id={{ x.song_id }}" class="b name">{{ x['song_name'] }} <i class="dj"></i><i class="mv_o"></i></a>#}
{#            {% else %}#}
{#                <a href="/song_details/?id={{ x.song_id }}" class="b name">{{ x['song_name'] }} <i class="dj"></i></a>#}
{#            {% endif %}#}
{#				<div class="cz yc">#}
{#					<div class="bf" onclick="window.open('/player/?id='+{{ x.song_id }})"><a href="" target="_blank"></a></div>#}
{#					<div class="tj"></div>#}
{#					<div class="xz2"></div>#}
{#					<div class="fx"></div>#}
{#				</div>#}
{#				<a href="#" class="b author">{{ x['author_name'] }}</a>#}
{#				<a href="#" class="b album"><span>{{ x['album_name'] }}</span></a>#}
{#				<span class="time">04:39</span>#}
{#			</li>#}
{#            {% endfor %}#}
{#		</ul>#}
{#	</div>#}


	<!-- 右侧固定 -->
	<div class="gun_right">
		<div class="gun_right_t" id="gr">
			<i class="gun_right_t_i"></i>
		</div>
		<div class="gun_right_c">反馈</div>
		<div class="gun_right_b">
			<i class="gun_right_i"></i>
		</div>
	</div>


<iframe src="{{ url('index:footer') }}" width="100%" height="600px" frameborder="no" border="0" marginwidth="0"
        marginheight="0" scrolling="no" allowtransparency="yes" style="display: block;"></iframe>

<script language="javascript">
            var kkkw = document.getElementById("kkkw");
            kkkw.style.display = "none";
            function func() {
                if(kkkw.style.display == "none")
                    kkkw.style.display = "block";
                else
                    kkkw.style.display = "none";
            }
        </script>
</body>
</html>